<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>购物车</title>
    <link rel="stylesheet" href="./style/cart.css">
    <link rel="stylesheet" href="./style/foot.css">
</head>
<body>
    <!-- 购物车头部 -->
    <div id="toolbar">
        <div class="left-con">
        </div>
        <div class="bar-con">
            <div class="right-show">
                <div class="login-show">
                    <a class="login_id" href="./login.html" rel="nofollow">登录</a>
                    <a href="https://user.juanpi.com/register" rel="nofollow" id="nav-reg">免费注册</a>
                    <i></i>
                    <a href="https://user.juanpi.com/order" rel="nofollow">我的订单</a>&nbsp;
                    <a href="https://seller.juanpi.com/choice/welcome" rel="nofollow">商家入驻</a>&nbsp;
                </div>
                <i></i>
                <div class="other-show">
                    <a class="normal-box01-a" href="https://seller.juanpi.com/guide" target="_blank" rel="nofollow">商家中心</a>
                </div>
                <div class="other-show">
                    <a>客户服务</a>
                    <div class="normal-box0">
                        <ul>
                            <li>
                                <a href="//www.juanpi.com/help" target="_blank" rel="nofollow">帮助中心</a>
                            </li>
                            <li>
                                <a href="//www.juanpi.com/about/service" target="_blank" rel="nofollow">联系客服</a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="header clear">
        <div class="area">
            <a class="juan-logo fl" href="./index.html" title="卷皮首页">
                <div class="logo"></div>
            </a>
        </div>
    </div>
    <!-- 主体 -->
    <div class="main-content">
        <div class="cart-content">
            <div class="cart-top">
                <div class="goods-information">商品信息</div>
                <div class="goods-price">单价/原价</div>
                <div class="goods-count">数量</div>
                <div class="goods-subtotal">小计</div>
                <div class="goods-operation">操作</div>
            </div>
            <div class="cart-list">
                <div class="cart-bgpic">
                    <div class="take-home">
                        看到喜欢的就带回家吧
                    </div>
                    <a href="./index.html" class="today">今日推荐</a>
                </div>
            </div>
            <!-- <div class="lazy-load"> // 渲染前,这里存在懒加载图片
                <img src="" alt="">
            </div> -->
            <div class = cart-detail-list>
                <!-- <div class="detail-list-top">
                    <div class="detail-list-top-content">
                        <img class="pic-target" src="http://s2.juancdn.com/bao/170615/2/b/5942339ea43d1f47ef70e59a_72x72.png" alt="">
                        跨店促销
                    </div>
                    <a href="" class="goods-activity">购满58元2件任选&nbsp;去凑单 >></a>
                </div>
                <div class="detail-list-content">
                    <div class="content_1"></div>
                    <a href="https://shop.juanpi.com/deal/153812953">
                        <img class="goods-pic-s" src="https://goods7.juancdn.com/goods/190715/d/d/5d2bd79d33b08905e218ea73_800x800.jpg?iopcmd=thumbnail&type=11&height=310&width=310%7Ciopcmd=convert&Q=88&dst=jpg" alt="">
                    </a>
                    <div class="goods-describe">
                        <strong class="goods-name">纯棉女士睡裙</strong>
                    </div>
                    <div class="goods-all-price">
                        ￥69.9
                        <i class="goods-yuanjia">/￥298</i>
                    </div>
                    <div class="goods-total-count">
                        <span class="left-down">-</span>
                        <span class="middle-content_1">1</span>
                        <span class="right-up">+</span>
                    </div>
                    <div class="goods-total-price">
                         ￥69.90
                    </div>
                    <div class="goods-del">
                        <span class="del-btn"></span>
                    </div>
                </div>
                <div class="bottom-content">
                    <div class="nothing-show"></div>
                    <div class="goods-settlement">
                        已选择
                        <span class="choosed">1</span>
                        件,合计
                        <span class="all-goods-price">￥298.00</span>
                        <button class="settlement-btn">去结算</button>
                    </div>
                </div> -->
            </div>
        </div>
    </div>
    <div class="abc"></div>
    <!-- 页脚 -->
    <div class="foot">
        <div class="white-bg">
            <div class="foot-con">
                <div class="con-box clear"> 
                    <div class="app-side-box">
                        <p class="app-show"></p>
                        <p class="app-txt" style="text-align:center;font-size: 14px">随时逛 及时抢</p>
                    </div>
                    <div class="con-middle">
                        <dl class="update">
                            <dt>获取更新</dt>
                            <dd><a href="//www.juanpi.com/apps" target="_blank" rel="nofollow"><i></i>iPhone/Android</a></dd>
                            <dd><a href="//user.qzone.qq.com/474171717" target="_blank" rel="nofollow"><i></i>卷皮QQ空间</a></dd>
                            <dd><a href="//weibo.com/juanpicom" target="_blank" rel="nofollow"><i></i>卷皮新浪微博</a></dd>
                            <dd><a href="//www.juanpi.com/about/api" target="_blank" rel="nofollow"><i></i>开放API</a></dd>
                        </dl>
                        <dl class="cooperation">
                            <dt>商务合作</dt>
                            <dd><a href="https://seller.juanpi.com/choice" target="_blank"><i></i>卖家免费报名</a></dd>
                            <dd><a href="https://seller.juanpi.com/choice/welcome" target="_blank" rel="nofollow"><i></i>商家入驻</a></dd> 
                            <dd><a onclick="if (window.confirm('本邮箱仅接收合作商家对卷皮员工违规行为的举报。不接受用户咨询、投诉或商务合作申请。')) { window.location = 'mailto:' + 'moc.ipnauj@gnehznail'.split('').reverse().join(''); }" href="javascript:void(0)"><i></i>廉政邮箱<br></a></dd>
                            <dd><a href="http://open.juanpi.com" target="_blank" rel="nofollow"><i></i>开放平台</a></dd>
                        </dl>
                        <dl class="cor-info">
                            <dt>公司信息</dt>
                            <dd><a href="//www.juanpi.com/about/juanpi" target="_blank" rel="nofollow"><i></i>关于卷皮</a></dd>
                            <dd><a href="//www.juanpi.com/about/media" target="_blank" rel="nofollow"><i></i>媒体报道</a></dd>
                        </dl>
                        <dl class="help-info">
                            <dt>帮助中心</dt>
                            <dd><a href="//www.juanpi.com/help" target="_blank" rel="nofollow"><i></i>新手上路</a></dd>
                            <dd><a href="//www.juanpi.com/about/map" target="_blank"><i></i>网站地图</a></dd>
                        </dl>
                    </div>
                    <div class="con-menu">
                        <a href="//www.juanpi.com/about/service" class="service-add fl" target="_blank" rel="nofollow"></a>
                        <span class="service-time fl">
                            <p>周一至周日</p>
                            <p>9:00-18:00 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</p>
                        </span>
                        <div class="clean">
                            <span class="f12 lh24 vm" title="4000090869">客服热线：400-0090-869</span>
                        </div>

                    </div>
                </div>
                <div class="links-foot">
                    <span>友情链接：</span>
                    <div class="link-list-box">
                        <ul class="links-list">
                            <li>
                                <a href="http://www.edeng.cn/" target="_blank">易登网</a>
                                <a href="http://www.puercn.com" target="_blank">普洱茶</a>
                                <a href="http://www.taoxie.com/" target="_blank">品牌鞋</a>
                                <a href="http://www.quanmama.com" target="_blank">乐蜂网优惠券</a>
                            </li>
                            <li>
                                <a href="http://jkj.juanpi.com/" target="_blank">九块邮</a>
                                <a href="http://www.quanlaoda.com" target="_blank">易迅优惠券</a>
                                <a href="http://www.hua.com/" target="_blank">中国鲜花礼品网</a>
                                <a href="http://www.zbird.com/" target="_blank">钻石小鸟</a>
                                <a href="http://www.chinapp.com/" target="_blank">箱包品牌</a>
                                <a href="http://www.zhigou.com" target="_blank">网上购物</a>
                                <a href="http://www.chinapp.com/" target="_blank">中国品牌网</a>
                                <a href="http://huiguo.net/" target="_blank">会过VIP</a>
                                <a href="http://www.homekoo.com" target="_blank">家具网</a>
                                <a href="http://www.yczihua.com/" target="_blank">国画</a>
                            </li>
                        </ul>
                    </div>
                    <a href="//www.juanpi.com/about/links" class="more-foot">更多&gt;&gt;</a>
                </div>
                <p class="ft-company">武汉奇米网络科技有限公司 鄂ICP备10209250号 | ICP许可证号：鄂B2-20150109 | <a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=42018502000390" target="_blank">鄂公网安备42018502000390号</a> | 食品流通许可证 SP4201991510041888　　</p>
                <p class="ft-company" style="padding-top:2px;">Copyright © 2010 -2019 JuanPi.com All Rights Reserved</p>
                <div class="foot-logo">
                    <a rel="nofollow" target="_blank" href="http://www.315online.com.cn/member/315150022.html">
                        <img src="http://jp.juancdn.com/juanpi/img/icon/r_315new.gif">
                    </a>
                    <a rel="nofollow" target="_blank" href="http://ss.knet.cn/verifyseal.dll?sn=e150601420100589448w7i000000&amp;a=1&amp;pa=0.9669571494560153">
                        <img src="http://jp.juancdn.com/juanpi/img/icon/r_cnnic.gif">
                    </a>
                    <a rel="nofollow" target="_blank" href="http://jp.juancdn.com/juanpi/images/gs.png">
                        <img class="wuhan-img" src="http://jp.juancdn.com/juanpi/img/icon/r_gongshang.gif">
                    </a>
                    <a rel="nofollow" target="_blank" href="https://v.pinpaibao.com.cn/authenticate/cert/?site=www.juanpi.com&amp;at=realname">
                        <img src="http://static.anquan.org/static/outer/image/sm_124x47.png?id=www.juanpi.com?t=51" alt="安全联盟认证">
                    </a>
                </div>
            </div>
        </div>
    </div>
    <script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.js"></script>
    <script type="module">
        import cartsList from "./javascript/cartsList.js";
        cartsList();
    </script>
</body>
</html>